import React, { Component } from 'react'

export default class Test extends Component {
  state = {
    xxx: undefined,
  }
  //   作用: 当前组件的状态值有外部的props数据决定,则可以使用这个钩子
  static getDerivedStateFromProps(props) {
    // 返回值决定了当前Test组件的状态数据
    // 注意: 没有this
    // 形参就是props数据
    // console.log(this)
    return {
      xxx: props.xxx,
    }
  }
  render() {
    return <div>Test,{this.state.xxx}</div>
  }
}
